import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import OneModule from './views/OneModule.vue'
import TwoModule from './views/TwoModule.vue'
import ThreeModule from './views/ThreeModule.vue'
import OneOneModule from './views/second/OneOneModule.vue'
import OneTwoModule from './views/second/OneTwoModule.vue'
import OneThreeModule from './views/second/OneThreeModule.vue'
import ThreeOneModule from './views/second/thirdly/ThreeOneModule.vue'
import ThreeTwoModule from './views/second/thirdly/ThreeTwoModule.vue'
import ThreeThreeModule from './views/second/thirdly/ThreeThreeModule.vue'

Vue.use(VueRouter)
Vue.config.productionTip = false

const routes = [
  {
    path: "/",
    redirect: "/OneModule",
  },
  {
    path: "/OneModule",
    component: OneModule,
    children: [
      {
        path: "/OneOneModule",
        component: OneOneModule,
        children: [
          {
            path: "/ThreeOneModule",
            component: ThreeOneModule,
          },
          {
            path: "/ThreeTwoModule",
            component: ThreeTwoModule,
          },
          {
            path: "/ThreeThreeModule",
            component: ThreeThreeModule,
          },
        ]
      },
      {
        path: "/OneTwoModule",
        component: OneTwoModule,
      },
      {
        path: "/OneThreeModule",
        component: OneThreeModule,

      },
    ]
  },
  {
    path: "/ThreeModule",
    component: ThreeModule
  },
  {
    path: "/TwoModule",
    component: TwoModule
  }
]

const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
